<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title></title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="robots" content="all,follow">
  <!-- Bootstrap CSS-->
  <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
  <!-- Font Awesome CSS-->
  <link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
  <!-- Custom icon font-->
  <link rel="stylesheet" href="css/fontastic.css">
  <!-- Google fonts - Open Sans-->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
  <!-- Fancybox-->
  <link rel="stylesheet" href="vendor/@fancyapps/fancybox/jquery.fancybox.min.css">
  <!-- theme stylesheet-->
  <link rel="stylesheet" href="css/style.default.css" id="theme-stylesheet">
  <!-- Custom stylesheet - for your changes-->
  <link rel="stylesheet" href="css/custom.css">
  <!-- Favicon-->
  <link rel="shortcut icon" href="favicon.png">
  <!-- Tweaks for older IEs--><!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<body>
<header class="header">
  <!-- Main Navbar-->
  <nav class="navbar navbar-expand-lg">
    <div class="search-area">
      <div class="search-area-inner d-flex align-items-center justify-content-center">
        <div class="close-btn"><i class="icon-close"></i></div>
        <div class="row d-flex justify-content-center">
          <div class="col-md-8">
            <form action="#">
              <div class="form-group">
                <input type="search" name="search" id="search" placeholder="What are you looking for?">
                <button type="submit" class="submit"><i class="icon-search-1"></i></button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
    <div class="container">
      <!-- Navbar Brand -->
      <div class="navbar-header d-flex align-items-center justify-content-between">
        <!-- Navbar Brand --><a href="index.html" class="navbar-brand">引导博客</a>
        <!-- Toggle Button-->
        <button type="button" data-toggle="collapse" data-target="#navbarcollapse" aria-controls="navbarcollapse" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler"><span></span><span></span><span></span></button>
      </div>
      <!-- Navbar Menu -->
      <div id="navbarcollapse" class="collapse navbar-collapse">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item"><a href="index.html" class="nav-link ">首页</a>
          </li>
          <li class="nav-item"><a href="blog.html" class="nav-link ">博客</a>
          </li>
          <li class="nav-item"><a href="post.html" class="nav-link active ">帖子</a>
          </li>
          <li class="nav-item"><a href="#" class="nav-link ">联系</a>
          </li>
        </ul>
        <div class="navbar-text"><a href="#" class="search-btn"><i class="icon-search-1"></i></a></div>
        <ul class="langs navbar-text"><a href="#" class="active">EN</a><span>           </span><a href="#">ES</a></ul>
      </div>
    </div>
  </nav>
</header>
<div class="container">
  <div class="row">
    <!-- Latest Posts -->
    <main class="posts-listing col-lg-8">
      <div class="container">
        <div class="row">
          <!-- post -->
          <div class="post col-xl-6">
            <div class="post-thumbnail"><a href="post.html"><img src="img/blog-post-1.jpeg" alt="..." class="img-fluid"></a></div>
            <div class="post-details">
              <div class="post-meta d-flex justify-content-between">
                <div class="date meta-last">2019年5月20日</div>
                <div class="category"><a href="#">商业</a></div>
              </div><a href="post.html">
              <h3 class="h4">Alberto Savoia可以教你室内设计 </h3></a>
              <p class="text-muted">洛勒姆·伊普苏姆·多洛尔坐在阿梅特的位子上，他是一位杰出的献身者，他是一位临时工。</p>
              <footer class="post-footer d-flex align-items-center"><a href="#" class="author d-flex align-items-center flex-wrap">
                <div class="avatar"><img src="img/avatar-3.jpg" alt="..." class="img-fluid"></div>
                <div class="title"><span>John Doe</span></div></a>
                <div class="date"><i class="icon-clock"></i> 2月前</div>
                <div class="comments meta-last"><i class="icon-comment"></i>12</div>
              </footer>
            </div>
          </div>
          <!-- post             -->
          <div class="post col-xl-6">
            <div class="post-thumbnail"><a href="post.html"><img src="img/blog-post-2.jpg" alt="..." class="img-fluid"></a></div>
            <div class="post-details">
              <div class="post-meta d-flex justify-content-between">
                <div class="date meta-last">2019年5月20日</div>
                <div class="category"><a href="#"></a></div>
              </div><a href="post.html">
              <h3 class="h4">Alberto Savoia可以教你室内设计</h3></a>
              <p class="text-muted">洛勒姆·伊普苏姆·多洛尔坐在阿梅特的位子上，他是一位杰出的献身者，他是一位临时工。</p>
              <div class="post-footer d-flex align-items-center"><a href="#" class="author d-flex align-items-center flex-wrap">
                <div class="avatar"><img src="img/avatar-2.jpg" alt="..." class="img-fluid"></div>
                <div class="title"><span>John Doe</span></div></a>
                <div class="date"><i class="icon-clock"></i> 2月前</div>
                <div class="comments meta-last"><i class="icon-comment"></i>12</div>
              </div>
            </div>
          </div>
          <!-- post             -->
          <div class="post col-xl-6">
            <div class="post-thumbnail"><a href="post.html"><img src="img/blog-post-2.jpg" alt="..." class="img-fluid"></a></div>
            <div class="post-details">
              <div class="post-meta d-flex justify-content-between">
                <div class="date meta-last">2019年5月20日</div>
                <div class="category"><a href="#"></a></div>
              </div><a href="post.html">
              <h3 class="h4">Alberto Savoia可以教你室内设计</h3></a>
              <p class="text-muted">洛勒姆·伊普苏姆·多洛尔坐在阿梅特的位子上，他是一位杰出的献身者，他是一位临时工。</p>
              <div class="post-footer d-flex align-items-center"><a href="#" class="author d-flex align-items-center flex-wrap">
                <div class="avatar"><img src="img/avatar-2.jpg" alt="..." class="img-fluid"></div>
                <div class="title"><span>John Doe</span></div></a>
                <div class="date"><i class="icon-clock"></i> 2月前</div>
                <div class="comments meta-last"><i class="icon-comment"></i>12</div>
              </div>
            </div>
          </div>
          <!-- post             -->
          <div class="post col-xl-6">
            <div class="post-thumbnail"><a href="post.html"><img src="img/blog-post-2.jpg" alt="..." class="img-fluid"></a></div>
            <div class="post-details">
              <div class="post-meta d-flex justify-content-between">
                <div class="date meta-last">2019年5月20日</div>
                <div class="category"><a href="#"></a></div>
              </div><a href="post.html">
              <h3 class="h4">Alberto Savoia可以教你室内设计</h3></a>
              <p class="text-muted">洛勒姆·伊普苏姆·多洛尔坐在阿梅特的位子上，他是一位杰出的献身者，他是一位临时工。</p>
              <div class="post-footer d-flex align-items-center"><a href="#" class="author d-flex align-items-center flex-wrap">
                <div class="avatar"><img src="img/avatar-2.jpg" alt="..." class="img-fluid"></div>
                <div class="title"><span>John Doe</span></div></a>
                <div class="date"><i class="icon-clock"></i> 2月前</div>
                <div class="comments meta-last"><i class="icon-comment"></i>12</div>
              </div>
            </div>
          </div>
          <!-- Pagination -->
          <nav aria-label="Page navigation example">
            <ul class="pagination pagination-template d-flex justify-content-center">
              <li class="page-item"><a href="#" class="page-link"> <i class="fa fa-angle-left"></i></a></li>
              <li class="page-item"><a href="#" class="page-link active">1</a></li>
              <li class="page-item"><a href="#" class="page-link">2</a></li>
              <li class="page-item"><a href="#" class="page-link">3</a></li>
              <li class="page-item"><a href="#" class="page-link"> <i class="fa fa-angle-right"></i></a></li>
            </ul>
          </nav>
        </div>
    </main>
    <aside class="col-lg-4">
      <!-- Widget [Search Bar Widget]-->
      <div class="widget search">
        <header>
          <h3 class="h6">搜索博客</h3>
        </header>
        <form action="#" class="search-form">
          <div class="form-group">
            <input type="search" placeholder="What are you looking for?">
            <button type="submit" class="submit"><i class="icon-search"></i></button>
          </div>
        </form>
      </div>
      <!-- Widget [Latest Posts Widget]        -->
      <div class="widget latest-posts">
        <header>
          <h3 class="h6">最新帖子</h3>
        </header>
        <div class="blog-posts"><a href="#">
          <div class="item d-flex align-items-center">
            <div class="image"><img src="img/small-thumbnail-1.jpg" alt="..." class="img-fluid"></div>
            <div class="title"><strong>Alberto Savoia可以教你</strong>
              <div class="d-flex align-items-center">
                <div class="views"><i class="icon-eye"></i> 500</div>
                <div class="comments"><i class="icon-comment"></i>12</div>
              </div>
            </div>
          </div></a><a href="#">
          <div class="item d-flex align-items-center">
            <div class="image"><img src="img/small-thumbnail-2.jpg" alt="..." class="img-fluid"></div>
            <div class="title"><strong>Alberto Savoia可以教你</strong>
              <div class="d-flex align-items-center">
                <div class="views"><i class="icon-eye"></i> 500</div>
                <div class="comments"><i class="icon-comment"></i>12</div>
              </div>
            </div>
          </div></a><a href="#">
          <div class="item d-flex align-items-center">
            <div class="image"><img src="img/small-thumbnail-3.jpg" alt="..." class="img-fluid"></div>
            <div class="title"><strong>Alberto Savoia可以教你</strong>
              <div class="d-flex align-items-center">
                <div class="views"><i class="icon-eye"></i> 500</div>
                <div class="comments"><i class="icon-comment"></i>12</div>
              </div>
            </div>
          </div></a></div>
      </div>
      <!-- Widget [Categories Widget]-->
      <div class="widget categories">
        <header>
          <h3 class="h6">分类法</h3>
        </header>
        <div class="item d-flex justify-content-between"><a href="#">成长</a><span>12</span></div>
        <div class="item d-flex justify-content-between"><a href="#">本地的</a><span>25</span></div>
        <div class="item d-flex justify-content-between"><a href="#">销售额</a><span>8</span></div>
        <div class="item d-flex justify-content-between"><a href="#">提示</a><span>17</span></div>
        <div class="item d-flex justify-content-between"><a href="#">本地的</a><span>25</span></div>
      </div>
      <!-- Widget [Tags Cloud Widget]-->
      <div class="widget tags">
        <header>
          <h3 class="h6">标签</h3>
        </header>
        <ul class="list-inline">
          <li class="list-inline-item"><a href="#" class="tag">#商业</a></li>
          <li class="list-inline-item"><a href="#" class="tag">#技术</a></li>
          <li class="list-inline-item"><a href="#" class="tag">#时尚</a></li>
          <li class="list-inline-item"><a href="#" class="tag">#时尚</a></li>
          <li class="list-inline-item"><a href="#" class="tag">#经济</a></li>
        </ul>
      </div>
    </aside>
  </div>
</div>
<!-- Page Footer-->
<footer class="main-footer">
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <div class="logo">
          <h6 class="text-white">RuiyeClub</h6>
        </div>
        <div class="contact-details">
          <p>湖南省株洲市</p>
          <p>QQ: 185048761</p>
          <p>电子邮箱: <a href="mailto:info@company.com">185048761@qq.com</a></p>
          <ul class="social-menu">
            <li class="list-inline-item"><a href="#"><i class="fa fa-facebook"></i></a></li>
            <li class="list-inline-item"><a href="#"><i class="fa fa-twitter"></i></a></li>
            <li class="list-inline-item"><a href="#"><i class="fa fa-instagram"></i></a></li>
            <li class="list-inline-item"><a href="#"><i class="fa fa-behance"></i></a></li>
            <li class="list-inline-item"><a href="#"><i class="fa fa-pinterest"></i></a></li>
          </ul>
        </div>
      </div>
      <div class="col-md-4">
        <div class="menus d-flex">
          <ul class="list-unstyled">
            <li> <a href="#">我的账户</a></li>
            <li> <a href="#">添加清单</a></li>
            <li> <a href="#">价钱</a></li>
            <li> <a href="#">隐私 &amp; 政策</a></li>
          </ul>
          <ul class="list-unstyled">
            <li> <a href="#">我们的伙伴</a></li>
            <li> <a href="#">常见问题</a></li>
            <li> <a href="#">这个怎么运作</a></li>
            <li> <a href="#">联系</a></li>
          </ul>
        </div>
      </div>
      <div class="col-md-4">
        <div class="latest-posts"><a href="#">
          <div class="post d-flex align-items-center">
            <div class="image"><img src="img/small-thumbnail-1.jpg" alt="..." class="img-fluid"></div>
            <div class="title"><strong>所以预算的酒店</strong><span class="date last-meta">2019年10月26日</span></div>
          </div></a><a href="#">
          <div class="post d-flex align-items-center">
            <div class="image"><img src="img/small-thumbnail-2.jpg" alt="..." class="img-fluid"></div>
            <div class="title"><strong>伦敦大街上的阿特斯</strong><span class="date last-meta">2019年10月26日</span></div>
          </div></a><a href="#">
          <div class="post d-flex align-items-center">
            <div class="image"><img src="img/small-thumbnail-3.jpg" alt="..." class="img-fluid"></div>
            <div class="title"><strong>悉尼最好的咖啡馆</strong><span class="date last-meta">2019年10月26日</span></div>
          </div></a></div>
      </div>
    </div>
  </div>
  <div class="copyrights">
    <div class="container">
      <div class="row">
        <div class="col-md-6">
          <p>Copyright &copy; 2019.Company name All rights reserved.</p>
        </div>
        <div class="col-md-6 text-right">


          </p>
        </div>
      </div>
    </div>
  </div>
</footer>
<!-- JavaScript files-->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/popper.js/umd/popper.min.js"> </script>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="vendor/jquery.cookie/jquery.cookie.js"> </script>
<script src="vendor/@fancyapps/fancybox/jquery.fancybox.min.js"></script>
<script src="js/front.js"></script>
</body>
</html>